<template>
  <div id="app" class="width-100-per height-100-per">
    <a-locale-provider :locale="locale">
      <router-view/>
    </a-locale-provider>
  </div>
</template>

<script>
  import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
  import {LocaleProvider,message} from 'ant-design-vue'

  export default {
    components:{
      ALocaleProvider:LocaleProvider,
    },
    data(){
      return{
        locale:zhCN
      }
    }

  }

</script>

<style lang="less">
  @import './components/style/common.css';
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
  }
  #nav {
    padding: 30px;
    a {
      font-weight: bold;
      color: #2c3e50;
      &.router-link-exact-active {
        color: #42b983;
      }
    }
  }
</style>
